<template>
	<!-- http://localhost:8081/weixin/#/pages/card/confirm/confirm?osn=CSN202108121111069154 -->
	<view class="container">
		<view class="header nav-header" :style="{backgroundImage:'url('+tui.website+'static/home/img/topbg4.png)',paddingTop:top+'px'}">
			<view class="page-title" style="color: #FFF;">
				<view class="back-btn">
					<tui-icon name="arrowleft" color="#fff" @click="back"></tui-icon>
				</view>
				<text>开单确认</text>
			</view>
		</view>
		<view :style="{marginTop:(49+top)+'px'}">
			<tui-list-cell :lineLeft="false">
				<view class="tui-item-box">
					<view class="tui-msg-box">
						<image :src="mem.avatar" class="tui-msg-pic" mode="widthFix"></image>
						<view class="tui-msg-item">
							<view class="tui-msg-name">
							{{mem.username}}<text style="font-size: 14px;padding-left: 10px;">({{mem.mobile}})</text>
							<image v-if="mem.group_id >0" :src="tui.website+'/static/images/icon/lv'+mem.group_id+'.png'" mode="widthFix" style="width: 30px;vertical-align: bottom;"></image>
							</view>
							<view class="tui-msg-content">会员编码：{{mem.UN}} <text style="padding-left: 20px;">余额：</text><text style="color: #FF0000;font-weight: 700;">￥{{mem.money}}</text></view>
						</view>
					</view>
				</view>
			</tui-list-cell>
		</view>
		<view class="mycard">
			<view class="" style="padding: 20upx 0 0 30upx;font-weight: 700;font-size: 36upx;">
				消费清单
			</view>
			<view class="tui-cart-cell" v-for="(item,index) in dataList" :key="index">
				<view class="tui-goods-item">
					<view class="tui-goods-info">
						<view class="tui-goods-title">
							<text>{{item.goods_name}}</text>
							<!-- <view class="tui-model-text" v-if="mem.lv">{{mem.dis *10}}折:{{mem.lv}}</view> -->
						</view>
						<view class="tui-goods-nums">
							X{{item.num}}
						</view>
						<view class="tui-price-box">
							<!-- <view class="tui-goods-price-line"><text style="font-size: 20upx;">￥</text>{{item.price}}</view> -->
							<view class="tui-goods-price"><text style="font-size: 20upx;">￥</text>{{item.money}}</view>
						</view>
					</view>
				</view>
			</view>
			<view class="goods_total" style="text-align: right;padding-bottom: 20upx;padding-right: 30upx;font-size: 28upx;">
				<view style="font-weight: 700;">订单总价</view>
				<view>
					<!-- <text style="text-decoration: line-through;color:#bbb;font-size: 20upx;">￥</text> -->
					<!-- <text style="text-decoration: line-through;color:#bbb;">{{oldTotalMoney}}</text> -->
					<text style="color: #333;font-size: 20upx;">￥</text>
					<text style="color: #333;">{{total_money}}</text>
				</view>
				
			 </view>
		</view>
		<view class="mycard">
			<tui-list-cell @click="chooseCoupon()" :arrow="true" v-if="false">
				<view class="tui-item-box">
					<text class="tui-list-cell_name">使用优惠券</text>
					<view class="tui-right">暂无优惠券</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :arrow="true" @click="changeUseMoneyStatus">
				<view class="tui-item-box">
					<text class="tui-list-cell_name">储值卡 <text class="account_money" style="padding-left: 20upx;">(可用余额{{this.mem.money}})</text></text>
					<view class="tui-right" v-if="params.use_money">-<text>￥</text>{{acc_money}}</view>
					<view class="tui-right" v-if="!params.use_money">不用</view>
				</view>
			</tui-list-cell>
			<tui-list-cell >
				<view class="tui-item-box manually-sel-box">
					<checkbox-group @change="manuallyChange">
						<label>
							<checkbox value="cb" color="#e41f19" />
							<text class="tui-list-cell_name">手动调整</text>
						</label>
					</checkbox-group>
				</view>
			</tui-list-cell>
			<view class="showManually" v-show="showManually">
				<view @click="chooseManuallytype()">{{manually[params.manually].text}} <tui-icon name="arrowdown" :size="20" ></tui-icon> </view>
				<view @click="chooseChecker()">{{checker.nickname}} <tui-icon name="arrowdown" :size="20" ></tui-icon></view>
				<view class="input-box"><text class="icon-money">￥</text>
				<input type="text" :value="params.fee1?params.fee1:''" @input="inputFee1" />
				</view>
			</view>
			<tui-list-cell :unlined="true">
				<view class="tui-item-box">
					<text class="tui-list-cell_name">应收款</text>
					<view class="tui-right">
						<!-- <text v-if="showManually">-￥{{params.fee1}}</text> -->
						<text>￥</text>{{balance}}</view>
				</view>
			</tui-list-cell>
		</view>
		<!-- 备注 -->
		<view class="mycard">
			<view class="mycard-title">
				订单备注
			</view>
			<view class="mycard-body">
				<textarea v-model="params.memo" class="memo_input" maxlength="200" placeholder-style="color:#888" placeholder="输入备注内容"/>
				<view class="textarea-counter">{{descNum}}/200</view>
			</view>
		</view>
		<!-- 收货地址 -->
		<view class="mycard">
			<view class="mycard-title">
				收货地址
				<view @click="addAddress" class="add_addr_btn" >
					<tui-icon name="add" margin="0 5px 0 0" color="#FFFFFF" :size="16"></tui-icon>新增地址
				</view>
			</view>
			<view class="mycard-body">
				<view >
					<view class="addr_label" v-for="(item, index) in addrs" :key="item.id" @click="radioChange(item.id)">
						<image src="../../../static/images/icon/click.png" mode="widthFix" class="radio" v-show="item.id !== addr_id"></image>
						<image src="../../../static/images/icon/clicked.png" mode="widthFix" class="radio" v-show="item.id === addr_id"></image>
						<view class="address" style="font-size: 24upx;display: inline-block;">{{item.province_cn}}{{item.city_cn}}{{item.county_cn}}{{item.addr}}</view>
					</view>
					<view style="position: relative;" v-if="showAddrTextareaStatus">
						<textarea :value="addressTxt" @input="inputaddrval" placeholder="请输入地址信息" style="border: 1px solid #EEEEEE;width: 100%;font-size: 12px;height: 80px;padding: 5px;box-sizing: border-box;" />
						<view @click="subAddr" style="position: absolute;bottom: 2px;padding: 3px 9px;border-radius: 5px;background-color: #e41f19;color: #FFFFFF;font-size: 12px;right: 2px;">确定</view>
					</view>
				</view>
				<view class="addr_tip">
					可以 <text @click="addressInput" style="color: #e41f19;">直接输入地址</text> 或 <text>选择常用地址</text> 或 <text @click="pickUpIt" style="color: #ff2b3f;">到店自提</text>
				</view>
			</view>
		</view>
		<!-- 收款方式 -->
		<view class="mycard">
			<view class="mycard-title">
				收款方式
			</view>
			<view class="mycard-body">
				<view class="pay_type_list" v-for="(pay,ind) in pay_type">
					<view class="type">
						<image :src="imghost + '/static/images/pay/'+ ind +'.png'" mode="widthFix"></image>
						<text>{{pay}}</text>
					</view>
					<view class="payee">
						<text>收款账户：</text>
						<view class="payee_sel" @click="choosePayAccount(ind)">{{params.pay[ind].uid?params.pay[ind].name:'请选择'}} <tui-icon class="icon" name="arrowdown" :size="16" ></tui-icon></view>
					</view>
					<view class="input-box">
						<text class="icon-money">￥</text>
						<input type="text" :value="params.pay[ind].money?params.pay[ind].money:''" @input="inputpay" :data-for="ind" />
					</view>
				</view>
			</view>
		</view>
		<!--tabbar-->
		<view class="tui-tabbar" v-if="order.status<1">
			<view class="tui-checkAll">
				<view style="width: 100%;" class="tui-total-price" >应收:
					<text style="font-size: 10px;color: #FF0000;padding-left: 8px;">￥</text>
					<text class="tui-bold">{{balance}}</text>
				</view>
				<!-- <view style="width: 100%;color: #666;font-size: 14px;">尾款 ￥{{balance}}</view> -->
			</view>
			<view>
				<tui-button width="200rpx" height="80rpx" :size="30" type="danger" shape="circle"  @click="btnPay">确认收款</tui-button>
			</view>
		</view>
		<!-- 选择员工 -->
		<tui-bottom-popup :show="showCheckerStatus" :zIndex="9997" :radius="true" @close="hideLeader">
			<view class="leader-box">
				<view
					class="leader-txt"
					v-for="(item, index) in LeaderLists"
					:key="index"
					:data-index="index"
					@tap.stop="chooseThisChecker(index)"
				>{{ item.nickname }}</view>
			</view>
		</tui-bottom-popup>
		<tui-bottom-popup :show="showLeaderStatus" :zIndex="9997" :radius="true" @close="hideLeader">
			<view class="leader-box">
				<view
					class="leader-txt"
					v-for="(item, index) in LeaderLists"
					:key="index"
					:data-index="index"
					@tap.stop="chooseLeader(index)"
				>{{ item.name }}</view>
			</view>
		</tui-bottom-popup>
		<tui-actionsheet  
		  :show="showUseMoneyStatus" 
		  :item-list="useMoneyStatusList" 
		  @click="useMoneyitemClick" 
		  @cancel="showUseMoneyStatus =0">
		</tui-actionsheet>
		<tui-actionsheet
		  :show="showManuallytype" 
		  :item-list="manually" 
		  @click="useManuallytype" 
		  @cancel="showManuallytype =false">
		</tui-actionsheet>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imghost:this.tui.imghost,
				mem:{},//客户信息
				top:0,//顶部padding的高
				dis:1,//折扣
				oldTotalMoney:0,
				LeaderLists:[],
				showLeaderStatus:false,
				showCheckerStatus:false,
				repOrderStatus:false,
				dataList: [],
				addrs:[],
				pick_addr:[
					{
					id:0,
					addr:"到店自提",
					city_cn:"",
					county_cn:"",
					province_cn:"",
					},
				],
				order:{},
				showManually:false,
				showManuallytype:false,
				manually:[
					{text:'请选择'},
					{text:'减免'},
					{text:'增收'}
					],
				checker:{
					nickname:"审核人",
					id:0
				},
				showUseMoneyStatus:false,
				useMoneyStatusList:[
					{text: "使用储值卡余额",color: "#2B2B2B",val:1},
					{text: "暂不使用储值卡",color: "#2B2B2B",val:0},
				],
				addr_id:'',
				params:{
					memo:'',
					checker:0,
					fee1:0,
					use_money:0,
					addr_id:'',
					is_pick:0,
					alipay_uid:0,
					alipay:0,
					wx_uid:0,
					wx:0,
					money:0,
					manually:0
				},
				payee:{
					alipay_user:'',
					wx_user:''
				},curr_select_pay_type:0,
				checked:false,
				pay_type:[],
				pay_type_lis:[],
				showAddrTextareaStatus:false,
				addressTxt:'',
			}
		},
		onLoad(opt) {
			this.osn = opt.osn;
			// this.osn = 'GSN202205171716455500';
			this.params.osn = this.osn;
			let obj = {};
			// #ifdef MP-WEIXIN
			obj = wx.getMenuButtonBoundingClientRect();
			// #endif
			// #ifdef MP-BAIDU
			obj = swan.getMenuButtonBoundingClientRect();
			// #endif
			// #ifdef MP-ALIPAY
			my.hideAddToDesktopMenu();
			// #endif
			uni.getSystemInfo({
				success: (res) => {
					this.width = obj.left || res.windowWidth;
					this.height = obj.top ? (obj.top + obj.height + 8) : (res.statusBarHeight + 44);
					this.top = obj.top ? (obj.top + (obj.height - 32) / 2) : (res.statusBarHeight + 6);
					// this.scrollH = res.windowWidth * 0.6
				}
			})
		},
		onShow() {
			this.tui.chkAuth();
			this.getOrderInfo();
			this.getPayeeAccount();
		},
		computed:{
			descNum:function(){
				return this.params.memo.length
			},
			total_money(){
				let count=0;
				this.dataList.map(item=>{
					// count += item.price * this.mem.dis * item.num //非权益卡启用
					// count += item.price * item.num
					count += parseFloat(item.money)
				})
				return count.toFixed(2);
			},
			
			acc_money(){
				let count =parseFloat(this.total_money);
				if(this.params.manually ==1){//减少
					count -= this.params.fee1;
				}
				if(this.params.manually ==2){//增加
					count += this.params.fee1;
				}
				let acc_money= (count > parseFloat( this.mem.money))?parseFloat(this.mem.money):parseFloat(count);
				
				return (this.params.use_money ? acc_money:0).toFixed(2);
			},
			balance(){
				let fee1 = 0;
				if(this.params.manually ==1){//减少
					fee1 = 0-this.params.fee1;
				}
				if(this.params.manually ==2){//增加
					fee1 = this.params.fee1;
				}
				let fee = this.total_money - this.acc_money + fee1;
				return fee <0?0:fee.toFixed(2);
			}
		},
		methods: {
			getPayeeAccount(){
				this.tui.get('user/setting/getPayeeAccount').then(res=>{
					this.pay_type=res.data.type;
					this.pay_type_lis = res.data.lis;
					let pay=[];
					for(let i=0;i<this.pay_type.length; i++){
						pay.push({'uid':0,'money':0,'name':''})
					}
					this.params.pay =pay;
					// console.log(this.params);
				})
			},
			useManuallytype(e){
				this.params.manually = e.index;
				this.showManuallytype =false;
			},
			chooseManuallytype(){
				this.showManuallytype = true;
			},
			addressInput(){
				this.showAddrTextareaStatus=true;
				this.addressTxt='';
			},
			inputaddrval(e){
				this.addressTxt = e.target.value;
			},
			subAddr(){
				this.tui.get('index/index/addresstoarray',{addr:this.addressTxt}).then(res=>{
					console.log(res);
					if(res.code ==0){
						this.tui.toast(res.msg);
						return;
					}
					this.params.is_pick =0;
					this.params.addr_id =0;
					this.addr_id =0;
					this.params.addr_name =res.data.name;
					this.params.addr_mobile =res.data.mobile;
					this.params.addr =res.data.addr;
					let addr_arr = this.addrs;
					let dat =res.data;
					dat.id=0;
					addr_arr[0]=dat;
					this.addrs = addr_arr;
					this.showAddrTextareaStatus=false;
					// console.log(this.params);
					// console.log(this.addrs);
				})
			},
			back(){
				uni.navigateBack();
			},
			myinfo(){
				this.tui.get('user/api/getuser').then(res=>{
					this.leader = res.data;
				})
			},getOrderInfo(){
				this.tui.get('user/api/getorder',{osn:this.osn}).then(res=>{
					this.mem = res.data.mem;
					this.dataList = res.data.goods;
					this.addrs = res.data.addr;
					this.order =res.data.order;
					// if(this.order.status>=1){
					// 	uni.navigateBack();
					// }
				})
			},
			changeUseMoneyStatus(){
				this.showUseMoneyStatus =true;
			},
			useMoneyitemClick(e){
				console.log(e);
				this.params.use_money = this.useMoneyStatusList[e.index].val;
				this.showUseMoneyStatus =false;
			},
			chooseChecker(){
				this.tui.get('user/api/listleader',{type:1}).then(res=>{
					this.LeaderLists = res.data;
					this.showCheckerStatus = true;
				})
			},
			hideLeader(){
				this.showLeaderStatus = false;
			},chooseLeader(idx){
				let _pay = this.params.pay[this.curr_select_pay_type];
					_pay.uid = this.LeaderLists[idx].id;
					_pay.name = this.LeaderLists[idx].name;
				this.params.pay[this.curr_select_pay_type]=_pay
				this.showLeaderStatus =false;
			},chooseThisChecker(idx){
				this.checker = this.LeaderLists[idx];
				this.params.checker = this.LeaderLists[idx].id;
				this.showCheckerStatus =false;
			}
			,manuallyChange(e){
				// 手动调整开启
				this.showManually = e.detail.value.length;
				if(!this.showManually) this.params.fee1 =0;
			},inputFee1(e){
				this.params.fee1 = parseFloat(e.detail.value)>1000000000?0:(parseFloat(e.detail.value)?parseFloat(e.detail.value):0);
				
			},radioChange(event){
				//更换地址
				this.params.addr_id = event;
				this.addr_id = event;
				this.is_pick =0;
			},
			pickUpIt(){
				this.params.is_pick =1;
				this.params.addr_id =0;
				this.addr_id =0;
				let it =this;
				if(it.addrs[0].id !==0){
					it.addrs =[...it.pick_addr,...it.addrs];
				}	
			},addAddress(){
				uni.navigateTo({
					url:"../../address/address?mid="+this.mem.id
				})
			},
			inputpay(e){
				console.log(e.detail.value);
				let fee = parseFloat(e.detail.value)>1000000000?0:(parseFloat(e.detail.value)?parseFloat(e.detail.value):0);
				console.log(fee);
				let index =e.target.dataset.for;
				console.log(index);
				let _pay =this.params.pay;
				_pay[index].money = fee>0?fee:'';
				// this.$set(this.params.pay, index, _pay);
				// this.params.pay = _pay;
				this.$set(this.params, 'pay', _pay);
				// this.params.pay[index].money = fee>0?fee:'';
				console.log(this.params);
				// let pay_type = this.pay_type;
				//  this.pay_type = [];
				//  this.pay_type = pay_type;
			},choosePayAccount($type){
				this.curr_select_pay_type =$type;
				this.LeaderLists = this.pay_type_lis.filter(item=>{
					if(item.type ==$type ){
						return item;
					}
				});
				this.showLeaderStatus = true;
			}
			,btnPay(){
				// console.log(this.params);
				// return;
				this.tui.post('user/api/pay',this.params).then(res=>{
					if(res.code){
						uni.navigateTo({
							url:'../../success/success?osn='+this.osn
						})
					}else{
						uni.showModal({
							title:"提醒",
							content:res.msg,
						})
					}
				})
			}
		}
	}
</script>

<style>
	.container {
		padding-bottom: 120rpx;
	}
	.tui-msg-box {
		display: flex;
		align-items: center;
	}
	.tui-msg-pic {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		display: block;
		margin-right: 24rpx;
		flex-shrink: 0;
	}
	.tui-msg-item {
		max-width: 500rpx;
		min-height: 80rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.tui-msg-name {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 34rpx;
		line-height: 1;
		color: #262b3a;
	}
	.tui-msg-content {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 26rpx;
		line-height: 1;
		color: #9397a4;
	}
	.tui-msg-right {
		max-width: 120rpx;
		height: 88rpx;
		margin-left: auto;
		text-align: right;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}
/**/
	.tui-mtop {
		margin-top: 24rpx;
	}
	.tui-edit-goods {
		width: 100%;
		border-radius: 12rpx;
		overflow: hidden;
		padding: 24rpx 30rpx 0 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #333;
		font-size: 24rpx;
	}
	.tui-goods-num {
		font-weight: bold;
		color: #e41f19;
	}
	.tui-cart-cell {
		width: 100%;
		border-radius: 12rpx;
		background: #FFFFFF;
		padding: 40rpx 0;
		overflow: hidden;
	}
	.tui-goods-item {
		display: flex;
		padding: 0 30rpx;
		box-sizing: border-box;
	}
	.tui-goods-img {
		width: 220rpx;
		height: 220rpx !important;
		border-radius: 12rpx;
		flex-shrink: 0;
		display: block;
	}
	.tui-goods-info {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		box-sizing: border-box;
		overflow: hidden;
	}
	.tui-goods-title {
		white-space: normal;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 32rpx;
		color: #555;
		font-weight: 700;
	}
	.tui-goods-title .tui-model-text{
		max-width: 100%;
		transform: scale(0.9);
		transform-origin: 0 center;
		font-size: 28rpx;
		line-height: 32rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 10upx 18upx;
		border-radius: 10upx;
		border:1px solid #eaeaea;
		background-color: #f9f9f9;
		font-weight:400;
		color: #888;
		margin-top: 10upx;
	}
	.tui-goods-nums{
		font-size: 28upx;
		color: #555;
	}
	.tui-goods-model {
		max-width: 100%;
		color: #333;
		background: #F5F5F5;
		border-radius: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 16rpx;
		box-sizing: border-box;
	}
	.tui-price-box {
		font-size: 28upx;
		color:#aaaaaa;
		text-align: right;
	}
	.goods_total{
		padding: 0 30upx;
		display: flex;
		padding-bottom: 20upx;
		font-size: 28upx;
		justify-content: space-between;
	}
	.tui-price-box .tui-goods-price-line {
		text-decoration: line-through;
	}
	.tui-price-box .tui-goods-price {
		font-size: 28rpx;
		color: #e41f19;
		text-decoration-line:none;
	}
	
	.tui-scale {
		transform: scale(0.8);
		transform-origin: 100% 100%;
	}
	
	.tui-activity {
		font-size: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx 20rpx 100rpx;
		box-sizing: border-box;
	}
	
	.tui-buy {
		display: flex;
		align-items: center
	}
	
	.tui-bold {
		font-weight: bold;
	}
	
	.tui-sub-info {
		max-width: 532rpx;
		font-size: 24rpx;
		line-height: 24rpx;
		padding: 20rpx 30rpx 10rpx 30rpx;
		box-sizing: border-box;
		color: #333;
		transform: scale(0.8);
		transform-origin: 100% center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: auto
	}
	
	.tui-invalid-text {
		width: 66rpx;
		margin-right: 4rpx;
		text-align: center;
		font-size: 24rpx;
		color: #fff;
		background: rgba(0, 0, 0, .3);
		transform: scale(0.8);
		transform-origin: center center;
		border-radius: 4rpx;
		flex-shrink: 0;
	}
	
	.tui-gray {
		color: #B2B2B2 !important;
	}
	
	.tui-goods-invalid {
		color: #555;
		font-size: 24rpx;
	}
	
	.tui-flex-center {
		align-items: center !important;
	}
	
	.tui-invalid-ptop {
		padding-top: 40rpx;
	}
	.account_money{
		font-size: 24upx;
		color: #555555;
		font-weight: 400;
	}
	.tui-tabbar {
		width: 100%;
		height: 130rpx;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		box-sizing: border-box;
		font-size: 24rpx;
		z-index: 999;
	}
	.tui-tabbar::before {
		content: '';
		width: 100%;
		border-top: 1rpx solid #d9d9d9;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
	
	.tui-checkAll {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.tui-checkbox-pl {
		padding-left: 12rpx;
	}
	.tui-total-price {
		font-size: 32rpx !important;
		padding-top: 10px;
		color: #999999;
	}
	.tui-total-price>.tui-bold{color: #FF0000;}
	.tui-total-price>.line-text{color: #999;text-decoration: line-through;padding-left: 10px;font-size: 13px;}
	.tui-price-box >>> .tui-numbox-icon{
		border-radius: 25px;
		border:2px solid #FF0000;
		color: #FF0000 !important;
		box-sizing: border-box;
		padding: 3px 3px 1px 3px;
	}.tui-price-box >>> .tui-numbox-icon.tui-disabled{
		border-radius: 25px;
		border:2px solid #EEEEEE;
		color: #EEEEEE !important;
		box-sizing: border-box;
		padding: 3px 3px 1px 3px;
	}
	.tui-price-box >>> .tui-numbox-icon.tui-icon-plus{
		border-radius: 25px;
		border:2px solid #FF0000;
		color: #FFF !important;
		background-color: #FF0000;
		box-sizing: border-box;
		padding: 3px 3px 1px 3px;
	}
	/*销售员工*/
	.tui-item-box {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.tui-list-cell_name{font-size: 32upx;font-weight: 700;vertical-align: middle;}
	.tui-right {
		margin-left: auto;
		margin-right: 34rpx;
		font-size: 26rpx;
		color: #999;
	}
	.leader-box{
		padding: 30upx;
		min-height: 260upx;
	}
	.leader-txt{
		padding: 10upx 20upx;
		margin: 20upx;
		background: #FFF;
		border-radius: 10upx;
		border: 1px solid #e41f19;
		color: #656565;
		float: left;
		display: block;
	}
	.leader-txt.active{
		background-color: #E41F19;
		color: #FFF;
	}
	.manually-sel-box checkbox{
		zoom: 0.8;
		margin-right:20upx ;
	}
	.showManually{width: 100%;padding:0 20upx;}
	.showManually view{
		display: inline-block;
		position: relative;
		width: 25%;
		border:1px solid #eee;
		background-color: #f8f8f8;
		padding: 10upx 0 10upx 20upx;
		box-sizing: border-box;
		margin-right: 20upx;
		border-radius: 10upx;
		font-size: 28upx;
		overflow: hidden;
		height: 70upx;
	}
	.showManually view >>>.tui-icon{
		float: right;
	}
	.showManually view.input-box{
		position: absolute;
	}
	.showManually view.input-box .icon-money{
		position: absolute;
		top: 16upx;
		color: #666666;
	}.showManually view.input-box input{
		padding-left: 15px;
	}
	.mycard-body{padding:0 30upx 30upx 30upx;position: relative;}
	.mycard-body .memo_input{padding:30upx;background-color: #F8F8F8;height:220upx}
	.textarea-counter {
	  font-size: 24rpx;
	  color: #999;
	  text-align: right;
	  height: 40rpx;
	  line-height: 40rpx;
	  padding-top: 4rpx;
	  position: absolute;
	  bottom: 40upx;
	  left: 0;
	  padding: 0 40upx;
	  box-sizing: border-box;
	  width: 100%;
	}
	.add_addr_btn{
		background-color: #ff2b3f;
		color: #FFFFFF;
		font-size: 28upx;
		font-weight: 400;
		display: inline-block;
		float: right;
		padding: 12upx 20upx;
		border-radius: 16upx;
	}
	.addr_label{display: flex;overflow: hidden;width: 100%;box-sizing: border-box;padding-bottom: 20upx;justify-content: flex-start;align-items: center;}
	.addr_label .radio{width: 50upx;}
	.addr_label>view.address{display: inline-block;overflow: hidden;width: 100%;box-sizing: border-box;}
	.addr_tip{color: #656565;font-size: 28upx;}
	.addr_tip>text{color: #333;font-weight: 700;}
	.pay_type_list{display: flex;width: 100%;justify-content: space-between;margin-bottom: 30upx;}
	.pay_type_list image{width: 60upx;margin-right: 20upx;}
	.pay_type_list .type{font-size: 28upx;font-weight: 700;color: #333;width: 200upx;display: inline-flex;align-items: center;}
	.pay_type_list .payee{font-size: 24upx;;color: #666;width: 300upx;display: inline-flex;align-items: center;}
	.pay_type_list .input-box{
		    position: relative;
		    border: 1px solid #eee;
		    background-color: #f8f8f8;
		    padding: 5px 0 5px 5px;
		    box-sizing: border-box;
		    border-radius: 5px;
		    font-size: 24upx;
		    overflow: hidden;
		    height: 60upx;
			color: #666;width: 140upx;display: inline-flex;align-items: center;}
	.pay_type_list view.input-box .icon-money {position: absolute;top: 5px;color: #666666;}
	.pay_type_list view.input-box input{padding-left: 15px;text-align: right;font-size: 24upx;}
	.pay_type_list .payee .payee_sel{
		position: relative;
		border: 1px solid #eee;
		background-color: #f8f8f8;
		padding: 5px 0 5px 10px;
		box-sizing: border-box;
		border-radius: 5px;
		font-size: 20upx;
		overflow: hidden;
		height: 60upx;
		color: #666;width: 160upx;display: inline-flex;align-items: center;
		margin-right: 20upx;
	}
	.pay_type_list .payee .payee_sel .icon{position: absolute;right: 0;top:6px}
	
</style>
